<!--示例-->
<template>
  <div class="example tableClass">
    <table>
      <tr>
        <th>个人，公司，项目等信息</th>
        <td>
          <p>import { mapGetters } from 'vuex'</p>
          <p>computed: {<br>
              ...mapGetters({<br>
                currentUser: 'currentUser'<br>
              })<br>
            },</p>
          <p>name: 用户名</p>
          <p>type: 1： 企业端， 2： 项目端</p>
          <p>mid: 用户名Id</p>
          <p>coId: 企业Id</p>
          <p>pjId: 项目Id</p>
          <p>pjName: 项目名字</p>
          <p>coLogo: 企业Logo</p>
          <p>cono: 企业Id</p>
          <p>coName: 企业名字</p>
          <p>roleId: 角色id 1: 普通员工; 2: 部门管理员; 3: 企业管理员; 4: 超级管理员;</p>
          <p>departmentName: 所在部门名字</p>
          <p>departmentId: 所在部门Id</p>
          <p>admin: 是否部门管理员</p>
          <p>superAdmin: 是否超级管理员</p>
          <p>advancedAdmin: 是否企业管理员</p>
          <p></p>
        </td>
      </tr>
      <tr>
        <th rowspan="2">提示框 v-tooltip</th>
        <td><p v-tooltip="'这是隐藏的提示框'">这是提示框</p></td>
      </tr>
      <tr>
        <td>
          <p>使用方法:</p>
          <p style="width: 100%;">{{tooltip}}</p>
        </td>
      </tr>
      <tr>
        <th>路由跳转</th>
        <td><p>this.$router.push({name: 'route Name', query: {key: value})</p></td>
      </tr>
      <tr>
        <th rowspan="3">时间函数 this.$moment()  <a href="http://momentjs.cn/docs/#/get-set/" target="_blank">官方网站</a></th>
        <td>
          <p style="width: 100%;">使用方法:</p>
          <p style="width: 100%;">{{$moment(time).format('MMMDo HH:mm')}} </p>
          <p style="width: 100%;">$moment(time).format('MMMDo HH:mm')</p>
        </td>
      </tr>
      <tr>
        <td>
          <p style="width: 100%;">{{$moment().add(7, 'd')}}</p>
          <p style="width: 100%;">加法：this.$moment(time).add(7, 'days')</p>
        </td>
      </tr>
      <tr>
        <td>
          <p style="width: 100%;">{{$moment().subtract(7, 'd')}}</p>
          <p style="width: 100%;">减法：this.$moment(time).subtract(7, 'days')</p>
        </td>
      </tr>
      <tr>
        <th>Echarts 组件</th>
        <td>this.$Echarts.init(options)</td>
      </tr>
      <tr>
        <th>下载文件</th>
        <td>this.$Download(fileUuid)</td>
      </tr>
      <tr>
        <th>新窗口打开</th>
        <td>this.$windowOpen(url)</td>
      </tr>
      <tr>
        <th>导出</th>
        <td>
          <p>this.$export(url, data)</p>
          <p>data是传给服务端参数 {‘query.name’: name}</p>
        </td>
      </tr>
      <tr>
        <th>设置cookie</th>
        <td>this.$setCookie('key', value)</td>
      </tr>
      <tr>
        <th>获取cookie</th>
        <td>this.$getCookie('key')</td>
      </tr>
      <tr>
        <th>localStore 本地存储</th>
        <td>
          <p>存储: this.$local.set('key', value)</p>
          <p>获取: this.$local.get('key')</p>
        </td>
      </tr>
      <tr>
        <th>格式化金钱</th>
        <td>this.$accounting(234234)</td>
      </tr>
      <tr>
        <th rowspan="2">角色</th>
        <td>this.$role(1)</td>
      </tr>
      <tr>
        <td>
          <p>1: 员工</p>
          <p>2: 部门管理员</p>
          <p>3: 超级管理员</p>
          <p>4: 公司管理员</p>
        </td>
      </tr>
      <tr>
        <th rowspan="2">销售管理软件类型</th>
        <td>this.$softType(1)</td>
      </tr>
      <tr>
        <td>
          <p>0: 混合</p>
          <p>1: 造价</p>
          <p>2: 施工</p>
          <p>3: BIM</p>
          <p>4: 行业</p>
          <p>5: 智慧工地</p>
        </td>
      </tr>
      <tr>
        <th rowspan="2">判断浏览器</th>
        <td>this.$Browser()</td>
      </tr>
      <tr>
        <td>
          this.$Browser().trident // IE内核<br>
          this.$Browser().presto // opera内核<br>
          this.$Browser().webKit // 苹果、谷歌内核<br>
          this.$Browser().gecko // 火狐内核<br>
          this.$Browser().mobile // 是否为移动终端<br>
          this.$Browser().ios // ios终端<br>
          this.$Browser().android // android终端<br>
          this.$Browser().iPhone // 是否为iPhone或者QQHD浏览器<br>
          this.$Browser().iPad // 是否iPad<br>
          this.$Browser().webApp // 是否web应该程序，没有头部与底部<br>
          this.$Browser().weixin // 是否微信 （2015-01-22新增）<br>
          this.$Browser().qq // 是否QQ</td>
      </tr>
    </table>
  </div>
</template>

<script>
  export default {
    name: '',
    data () {
      return {
        tooltip: `<p v-tooltip="'这是隐藏的提示框'">这是提示框</p> tip:如果是字符串 双引号之间必须加单引号`,
        initDate: `格式化时间：this.$moment(time).format(YYYY MMMM Do, h:mm:ss)`
      }
    },
    mounted () {
      this.addTime()
    },
    methods: {
      addTime () {
      }
    }
  }
</script>
<style lang="scss" scoped>
  .example{
    padding: 20px;
    a{
      color: $color;
    }
  }
</style>
